<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <script type="text/javascript">
        function method01(){
            //创建xmlhttpRequest对象
            var xhr=new XMLHttpRequest();
            //设置xmlhttRequest对象属性
            /*
             第一个参数：表示提交方式
             第二个参数：处理请求的后台代码
             第三个参数：true  异步提交     false  同步提交  默认为true
             */
            xhr.open('GET','${pageContext.request.contextPath}/servlet/showtimeforservlet',true);
            //接受后台返回的内容   获取响应
            /*
             采用的是事件监听机制
             该页面提供了一个事件，该事件可以监听xmlhttprequest对象的状态
             如果是创建了xmlhttpreqeust对象     返回的是0
             如果设置了xmlhttpreqeust对象属性    返回的是1
             如果发生了请求                      返回的是2
             如果接受了部分后台返回的内容        返回的是3
             如果接受了所有后台返回的内容        返回的状态是4
             */
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4){
                    //接受到后台返回的所有内容
                    if(xhr.status==200){
     //200   表示后台执行成功返回的内容
                        //非200   表示后台执行失败返回的内容
                        //获取后台返回的内容
                        var backContext=xhr.responseText;
                        console.log('后台返回的内容为：'+backContext+'。')
                        //把返回的的内容设置在span标签里
                        var spanElement=document.getElementById('myspan');
                        spanElement.innerHTML=backContext;
                    }
                }
            }
            //把请求发送给后台    发送请求
            xhr.send();
        }
    </script>
</head>
<body>
当前时间为：<span id="myspan"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="method01()">获取当前时间</button><br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
目光所及之处，皆是回忆！<br>
</body>
</html>